<include file="public@header">
<link rel="stylesheet" href="__STATIC__/hybit/css/new_style.css">
<body>
    <div class="bgbg headhead">
        <p class="mytitle">{:lang('Master account binding record')}</p>
        <div class="indexlist indexlist_bd">
            <div class="indexlisthead">
                <div class="active" data-type="z_bdjl"><p>{:lang('Binding record')}</p></div>
                <div data-type="z_jbjl"><p>{:lang('Unbundling record')}</p></div>
            </div>
            <div class="z_bdlist z_bdjl">
                <foreach name="list" item="vo">
                <div class="z_bdlistshow">
                    <p class="z_bdlistshowp1">{:lang('Sub account number')} | <span>{$vo['mobile']?$vo['mobile']:$vo['user_email']}</span></p>
                    <p class="z_bdlistshowp3">{:lang('Binding time')}:{:date('Y-m-d H:i:s',$vo.create_time)}</p>
                </div>
                </foreach>
            </div>
            <div class="z_bdlist z_jbjl">
                <foreach name="list" item="vo">
                <if $vo.unbundling_time>
                <div class="z_bdlistshow">
                    <p class="z_bdlistshowp1">{:lang('Sub account number')} | <span>{$vo['mobile']?$vo['mobile']:$vo['user_email']}</span></p>
                    <p class="z_bdlistshowp3">{:lang('Binding time')}:{:date('Y-m-d H:i:s',$vo.unbundling_time)}</p>
                </div>
                </if>
                </foreach>
            </div>
        </div>
    </div>
    <script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
    <script>
        $('.indexlisthead div').click(function(){
            let $this = $(this);
            $this.siblings().removeClass('active');
            $this.addClass('active');
            $this.parent().siblings().hide();
            let type = $this.attr('data-type');
            $('.' + type).show();
        });
    </script>
</body>
</html>